<!DOCTYPE html>
<html lang="en">

<head>
  <%= require('utils')['inc']('meta') %>
  <title>商标详情</title>
</head>

<body>
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 菜单具体展示内容 -->
          <%= require('utils')['inc']('aside') %>
        </div>
      </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
      <!-- 主页面标题 -->
      <%= require('utils')['inc']('headerHasTitle', { title: '第<span class="theme_color">20</span>类 维美拼图-WIMAYPINTO' }) %>
      <div class="mui-content mui-scroll-wrapper bgWhite has-footer">
        <div class="kefu_flex">
          <a href="tel:123456">
            <img class="kefu_icon" src="<%= require('@/images/menu_bottom_phone_icon.png') %>">
          </a>
        </div>
        <div class="mui-scroll">
          <!-- 主界面具体展示内容 -->
          <div class="mui-content">
            <div class="mui-content-padded">
              <img style="width: 100%;" src="<%= require('@/images/detail_img.png') %>">
            </div>
            <div class="trademark_content">
              <span class="trademark_te">特</span>
              <div class="trademark_title">维美拼图-WIMAYPINTO</div>
            </div>
            <div class="trademark_price">
              登录查看价格
            </div>
            <div class="trademark_attr">
              <div class="trademark_item">
                <div class="trademark_label">商标分类:</div>
                <div class="trademark_attr_item">第20类-维美拼图-WIMAYPINTO</div>
              </div>
              <div class="trademark_item">
                <div class="trademark_label">商标编号:</div>
                <div class="trademark_attr_item">411758</div>
              </div>
              <div class="trademark_item">
                <div class="trademark_label">商标类型:</div>
                <div class="trademark_attr_item">中午+英文</div>
              </div>
              <div class="trademark_item">
                <div class="trademark_label">交易类型:</div>
                <div class="trademark_attr_item">商标转让</div>
              </div>
              <div class="trademark_item">
                <div class="trademark_label">专用期限:</div>
                <div class="trademark_attr_item">2026年9月27号</div>
              </div>
              <div class="trademark_item">
                <div class="trademark_label">类似群组:</div>
                <div class="trademark_attr_item">2001，2002，2004，2006，2009，2012</div>
              </div>
            </div>

            <div class="trademark_range">
              <div class="trademark_title">适用范围</div>
              <div class="trademark_range_content">
                2001——家具；婴儿学步车] 2002——存储和运输用非金属
                容器] 2003——非金属阀（非机器零件）] 2004——镜子
                （玻璃镜）] 2005——藤编制品（不包括鞋、帽、席、垫）]
                2006——木、蜡、石膏或塑料艺术品] 2009——家养宠物
                窝] 2012——家具用非金属附件] 2013——枕头]
                2014——门用非金属附件]
              </div>
            </div>

            <div class="trademark_process">
              <div class="trademark_process_title">商标交易流程</div>
              <div class="trademark_process_img">
                <img style="width: 100%;" src="<%= require('@/images/detail_kefu.png') %>">
              </div>
              <div class="trademark_process_flex">
                <div class="trademark_process_column">
                  <img class="trademark_process_icon" src="<%= require('@/images/detail_icon1.png') %>">
                  <p class="trademark_process_label">挑选商标</p>
                </div>
                <span class="mui-icon mui-icon-arrowright trademark_process_right"></span>
                <div class="trademark_process_column">
                  <img class="trademark_process_icon" src="<%= require('@/images/detail_icon2.png') %>">
                  <p class="trademark_process_label">挑选合同</p>
                </div>
                <span class="mui-icon mui-icon-arrowright trademark_process_right"></span>
                <div class="trademark_process_column">
                  <img class="trademark_process_icon" src="<%= require('@/images/detail_icon3.png') %>">
                  <p class="trademark_process_label">公证核实</p>
                </div>
                <span class="mui-icon mui-icon-arrowright trademark_process_right"></span>
                <div class="trademark_process_column">
                  <img class="trademark_process_icon" src="<%= require('@/images/detail_icon4.png') %>">
                  <p class="trademark_process_label">支付余额</p>
                </div>
                <span class="mui-icon mui-icon-arrowright trademark_process_right"></span>
                <div class="trademark_process_column">
                  <img class="trademark_process_icon" src="<%= require('@/images/detail_icon4.png') %>">
                  <p class="trademark_process_label">办理过户</p>
                </div>
              </div>
            </div>

            <div class="trademark_recommend">
              <div class="trademark_recommend_title">适用范围</div>
              <div class="mui-row">
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
                <div class="mui-col-sm-4 mui-col-xs-4 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
              </div>
            </div>
            <div class="tradmark_bottom"></div>
          </div>
        </div>
        
        <%= require('utils')['inc']('detail_footer') %>
      </div>
      <!-- off-canvas backdrop -->
      <div class="mui-off-canvas-backdrop"></div>
    </div>
  </div>


  </div>


</body>

</html>